<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en-us" xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en-us">
<head>
<title>msn tab</title>
<style type="text/css">
body {
    color: #333333;
    font-family: arial,sans-serif;
    font-size: 75%;
    line-height: 1.33em;
    text-align: center;
}

#wrapper {
    text-align: left;
    min-width: 316px;
    width: 26.333em;
}

.wrapperTab ul.cotb {
    background-color: #F1F1F1;
    border-bottom: 1px solid;
}
.wrapperTab ul.cotb, .coa2 .h2 {
    font-weight: bold;
    line-height: normal;
    list-style-type: none;
    margin: 0 0 0.833em;
    padding: 0;
    width: 100%;
}



/****/

.wrapperTab ul.cotb.coc1 li.tabsel span.tabsel, .wrapperTab ul.cotb.coc1 li.tabsel a, .wrapperTab ul.cotb.coc1 {
    border-color: #009AD9;
}
.wrapperTab ul.cotb li.tabsel span.tabsel, .wrapperTab ul.cotb li.tabsel a, .wrapperTab ul.cotb li.tabsel a:link, .wrapperTab ul.cotb li.tabsel a:visited {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 4px 1px 0;
    color: #333333;
    cursor: default;
    height: 1.417em;
    margin-bottom: -1px;
    margin-left: -1px;
    margin-top: -4px;
    padding: 0.417em 1.333em 0.25em;
    position: relative;
}
.wrapperTab ul.cotb li.tabsel span {
    cursor: default;
}

.coa2 .h2 a span, .coa2 .h3 a span, .wrapperTab ul.cotb li span, .wrapperTab ul.cotb li.tabsel a, .wrapperTab ul.cotb li.tabsel a:link, 
.wrapperTab ul.cotb li.tabsel a:visited, .wrapperTab ul.cotb li.tabsel a.navlink span {
    cursor: pointer;
}

.cf:after, ul.cf li:after, .ro:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.wrapperTab ul.cotb li {
    float: left;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.wrapperTab ul.cotb li.last a {
    border-right: 0 none;
}
.wrapperTab ul.cotb li a, .wrapperTab ul.cotb li a:link, .wrapperTab ul.cotb li a:visited {
    color: #666666;
}
.wrapperTab ul.cotb li a, .wrapperTab ul.cotb li a:link, .wrapperTab ul.cotb li a:visited {
    color: #666666;
}
.wrapperTab ul.cotb li a {
    background-color: #F1F1F1;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 1px;
    padding: 0.417em 1.333em 0.167em;
    text-decoration: none;
}
.wrapperTab ul.cotb li a, .wrapperTab ul.cotb li span.tabsel {
    float: left;
}
.wrapperTab ul.cotb li a, .wrapperTab ul.cotb li span {
    display: inline-block;
    font-size: 100%;
    height: 1.25em;
    line-height: normal;
}


</style>
</head>
<body>
	<div id="wrapper">
		<div class="wrapperTab">
			<div class="cotb">
				<ul class="cotb cf coc1">
					<li class="first tabsel">
						<a href="#" class="coc1" style="display: none;">MESSENGER</a>
						<span class="coc1 tabsel" style="display: block;">MESSENGER</span>
					</li>
					<li class="">
						<a href="#" class="coc1" style="display: block;">FACEBOOK</a>
						<span class="coc1 hover tabsel" style="display: none;">FACEBOOK</span>
					</li>
					<li class="last">
						<a href="#" class="coc1" style="display: block;">TWITTER</a>
						<span class="coc1 hover tabsel" style="display: none;">TWITTER</span>
					</li>
				</ul>
			</div>
			<div id="windowslive">
				<div style="display: block; opacity: 1;"> <span> MESSENGER </span> </div>
			</div>
			<div id="facebook">
				<div style="display: none; opacity: 1;"> <span> FACEBOOK </span> </div>
			</div>
			<div id="twitter">
				<div style="display: none; opacity: 1;"> <span>TWITTER</span> </div>
			</div>
		</div>
	</div>
</body>
</html>